<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>任务详情</title>
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/fontawesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css/loading.css" />
		<link rel="stylesheet" type="text/css" href="../css.page/supervise/superviseDetail.css" />
	</head>

	<body>
		<!--loading图开始-->
		<div class="loader">
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
		</div>
		<!--loading图结束-->
		
		<div class="supervise-detail-body hidden">
			<!--任务结束提示开始-->
			<div class="haveEnded" v-if="taskEnd">
				<div class="fa fa-angle-left" @click="back"></div>
				<div>该任务已经结束，请跳转历史查询，</div>
				<div @click="historyLink(detailJson.ID)">查看</div>
			</div>
			<!--任务结束提示结束-->
			
			<div v-if="!taskEnd" class="notEnd hidden">
				<div class="supervise-detail-title">
					<div class="fa fa-angle-left" @click="back"></div>
					<div>任务详情</div>
				</div>
				<div class="supervise-detail-info">
					<div class="supervise-detail-item">
						<div>任务名称：</div>
						<div style="color: #666666;" class="title" v-html="detailJson.TASKNAME"></div>
					</div>
					<div class="supervise-detail-item">
						<div>工作状态：</div>
						<div v-bind:class="{ 'delay': detailJson.WORKSTATUS=='延时','alter': detailJson.WORKSTATUS=='修改','end': detailJson.WORKSTATUS=='结束','new': detailJson.WORKSTATUS=='办理','duban': detailJson.WORKSTATUS=='督办'}" v-html="detailJson.WORKSTATUS"></div>
					</div>
					<div class="supervise-detail-item">
						<div>主办部门：</div>
						<div v-html="detailJson.SPONSORDPT"></div>
					</div>
					<div class="supervise-detail-item">
						<div>任务参加人：</div>
						<div v-html="detailJson.TASKINMAN" class="taskMan"></div>
					</div>
					<div class="supervise-detail-item" v-if="detailJson.REMARK!=null">
						<div>任务概述：</div>
						<div class="taskMan" v-html="detailJson.REMARK"></div>
					</div>
				</div>
				<div class="supervise-detail-time">
					<div>
						<div class="time">
							<div>
								<div style="color: #666666;" v-html="detailJson.BEGINDATE"></div>
								<div>开始时间</div>
							</div>
						</div>
						<div class="date">工作期限：{{detailJson.WORKLIMIT}}天</div>
						<div class="time">
							<div>
								<div style="color: #666666;" v-html="detailJson.ENDDATE"></div>
								<div>结束时间</div>
							</div>
						</div>
					</div>
				</div>
				<div class="supervise-detail-process">
					<div style="margin-left: 20px;line-height: 25px;">任务流程:</div>
					<div class="supervise-detail-timeLine">
						<div v-for="timeline in detailJson.CHANGES|orderBy 'CDATE' -1">
							<!--通过结束时间来对数据排序，判断时间轴的顺序-->
							<div class="timeItem" v-if="timeline.STATUS=='办理'">
								<div class="fa fa-plus new"></div>
								<div class="new" v-html="timeline.STATUS"></div>
								<div style="color: #999999;" v-html="timeline.CDATE2"></div>
								<div class="fa fa-angle-right"></div>
							</div>
							<div class="timeItem" v-if="timeline.STATUS=='修改'">
								<div class="fa fa-edit alter"></div>
								<div class="alter" v-html="timeline.STATUS"></div>
								<div style="color: #999999;" v-html="timeline.CDATE2"></div>
								<div class="fa fa-angle-right"></div>
							</div>
							<div class="timeItem" v-if="timeline.STATUS=='延时'" @click="checkCondition(timeline.STATUSCOUNT,timeline.ID)">
								<div class="fa fa-exclamation delay"></div>
								<div class="delay" v-html="timeline.STATUS"></div>
								<div style="color: #999999;" v-html="timeline.CDATE2"></div>
								<div class="fa fa-angle-right"></div>
							</div>
							<div class="timeItem" v-if="timeline.STATUS=='督办'" >
								<div class="fa fa fa-search-minus duban"></div>
								<div class="duban" v-html="timeline.STATUS"></div>
								<div style="color: #999999;" v-html="timeline.CDATE2"></div>
								<div class="fa fa-angle-right"></div>
							</div>
							<div class="timeItem" v-if="timeline.STATUS=='结束'">
								<div class="fa fa-check end"></div>
								<div class="end" v-html="timeline.STATUS"></div>
								<div style="color: #999999;" v-html="timeline.CDATE2"></div>
								<div class="fa fa-angle-right"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="supervise-detail-member">
					<div class="supervise-detail-item">
						<div>主办责任人：</div>
						<div v-html="detailJson.SPONSORMAN"></div>
					</div>
					<div class="supervise-detail-item">
						<div>督办部门：</div>
						<div v-html="detailJson.DUBANDPT"></div>
					</div>
					<div class="supervise-detail-item">
						<div>督办责任人：</div>
						<div v-html="detailJson.DUBANMAN"></div>
					</div>
					<div class="supervise-detail-item" v-if="detailJson.LIKEMANLIST!=null">
						<div>点赞人：</div>
						<div v-html="detailJson.LIKEMANLIST"></div>
					</div>
				</div>
				<div class="supervise-detail-title" style="margin-left: 20px;" v-if="fileList.length!=0">附件列表</div>
				<div class="supervise-detail-fileList" v-if="fileList.length!=0">
					<div v-for="item in fileList">
						<a v-bind:href="item.URL" v-html="item.FILEOLDNAME"></a>
					</div>
				</div>
				<div class="supervise-detail-title" style="margin-left: 20px;" v-if="isJINGBAN||isDUBAN||isLeader">评论</div>
				<div class="supervise-detail-commentlist" v-if="isJINGBAN||isDUBAN||isLeader">
					<div class="noComment" v-if="commentList.length==0">暂无评论</div>
					<div class="commentItem" v-for="comment in commentList">
						<div class="calendar">
							<div class="fa fa-calendar" style="color: #1296DB;"></div>
							<div class="date" v-html="comment.DUBANDATE"></div>
						</div>
						<div class="comment">
							<div class="user">
								<div class="face"><img v-bind:src="comment.USERIMG" /></div>
								<div class="name" v-html="comment.DUBANMAN"></div>
							</div>
							<div class="content" v-bind:class="{ 'redWord': comment.isLeader}" v-html="comment.DUBANOPI"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="supervise-detail-action hidden" v-if="!taskEnd">
			<div v-if="isJINGBAN||isDUBAN||isLeader" @click="writeComment(detailJson.ID)">
				评论
			</div>
			<div v-if="!isJINGBAN&&!isDUBAN&&!isLeader" style="background-color:#D7D6DC;">
				评论
			</div>
			<div v-if="!detailJson.ISLIKE" @click="clickLike(detailJson.ID)">点赞</div>
			<div v-if="detailJson.ISLIKE" style="background-color:#D7D6DC;">已点赞</div>
		</div>
	</body>

	<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/fastclick.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js.page/supervise/superviseDetail.js" type="text/javascript" charset="utf-8"></script>

</html>